<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>BicCMS - LONGUI</title>
        <script type="text/javascript" src="/externals/yui3/build/yui/yui-min.js" chartset="utf-8"></script>
        <link rel="stylesheet" href="/externals/yui3/build/cssreset/reset.css" type="text/css"></link>
        <link rel="stylesheet" href="/externals/yui3/build/cssfonts/fonts.css" type="text/css"></link>
        <link rel="stylesheet" href="/externals/yui3/build/cssgrids/grids.css" type="text/css"></link>
    </head>
    <body>
        <div id="test">
            <h1 id="resizeContainer">BicCMS - LONGUI</h1>
            <div id="formContainer">
                <form action="">
                    <div>
                        <label for="userName">用户名：</label>
                        <input id="userName" name="userName" type="text"></input>
                    </div>
                    <div>
                        <label for="passwd">密码：</label>
                        <input id="passwd" name="passwd" type="password"></input>
                    </div>
                </form>
            </div>
        </div>
        <script type="text/javascript">
            YUI().use('dd-drop','anim','node',function(Y){
                Y.one('body,html').setStyles({'background':'#E7EDF6'});
                Y.one('#test').setStyles({'width':'400px','height':'300px','background':'#9c9c9c','cursor':'pointer','position':'absolute','top':'30%','left':'40%'});
                var dd = new Y.DD.Drag({
                    node:'#test',
                    region:'resizeContainer'
                });

                //creat form of login.

                //                var myField = new Y.CheckboxField({
                //                    name : "myCheckbox",
                //                    value : "check",
                //                    label : "Test Checkbox"
                //                });
                //
                //                var f = new Y.Form({
                //                    boundingBox: '#form',
                //                    action : 'test.php',
                //                    method : 'post',
                //                    children : [
                //                        myField,
                //                        // Have the Form class create your fields itself
                //                        {name : "testText", required : true, label : "Test Label"},
                //                        {name : 'testHiddenField', type : "HiddenField"},
                //                        {name : 'testSelectField', type : 'SelectField', choices : [{label : 'Foo', value : 'foo'}, {label : 'Bar', value : 'bar'}], label : 'testSelect'},
                //                        {name : 'submit', type : 'SubmitButton', value : 'Submit'},
                //                        {name : 'reset', type : 'ResetButton', value : 'Reset'}
                //                    ]
                //                });
                //
                //                f.subscribe('success', function (args) {
                //                    alert ('Form submission successful');
                //                });
                //                f.subscribe('failure', function (args) {
                //                    alert('Form submission failed');
                //                });
                //
                //                f.render(Y.one('#formContainer'));
            });

        </script>
    </body>
</html>